<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地平线生活服务</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="/static/style/ydui.css"/>
    <script src="/static/js/ydui.flexible.js"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script>
		wx.config(
			{$wxConfig}
		);
		wx.ready(function(){
			wx.hideOptionMenu();
		})
	</script>
</head>
<style>
	
    .con-list{display: flex; flex-direction:column; margin-bottom: 0.15rem;justify-items: center;padding:0.2rem; border:0.03rem solid #eee;background:#fff;border-radius: 3px;}
	.con-list .con-title{display: flex; font-size: 0.28rem;justify-items: center;padding:0.1rem 0;border-bottom: 1px solid #ddd;}
	.con-list .con-tab{display: flex; flex-direction: row;justify-items: center;padding:0.1rem}
	.con-list .con-tab .con-tab-left{display: flex;width:1.2rem; font-size: 0.24rem;color:#585858;}
	.con-list .con-tab .con-tab-right{display: flex;flex:1;color: #FF5E53; justify-items: center; }
	.con-list .con-bottom{display:flex; justify-content: space-between;border-top: 1px solid #ddd;padding:0.1rem 0;}
	.active{color:#FF5E53;}

</style>
<body>
<section class="g-flexview">
	<header class="m-navbar">
		<a href="{:url('account/index')}" class="navbar-item"><i class="back-ico"></i></a>
		<div class="navbar-center"><span class="navbar-title">充值记录</span></div>
	</header>
    <div class="g-scrollview">
		
		{empty name="list"}
		<div style="color:#ddd;text-align: center;line-height:50px;">暂无数据</div>
        {else/}
        {volist name="list" id="vo"}
		<div class="con-list">
			<div class="con-title"><i class="icon-star-outline active"></i> {$vo.order_sn}</div>
			<div class="con-tab">
				<div class="con-tab-left">交易号</div>
				<div class="con-tab-right">{$vo.transaction_id}</div>
			</div>
			<div class="con-tab">
				<div class="con-tab-left">支付额</div>
				<div class="con-tab-right">{$vo.order_price}</div>
			</div>
			<div class="con-tab">
				<div class="con-tab-left">充值金额</div>
				<div class="con-tab-right">¥{$vo.goods_price}</div>
			</div>
			<div class="con-tab">
				<div class="con-tab-left">赠送金额</div>
				<div class="con-tab-right">¥{$vo.extra_amount}</div>
			</div>
			<div class="con-bottom">
				<div>{:date('Y-m-d H:i',$vo.pay_time)}</div>
				<div class="badge badge-danger">已支付</div>
			</div>
		</div>
		{/volist} 
		{/empty}
    </div>
</section>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/ydui.js"></script>

</body>
</html>